<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>东莞轨道交通</title>
<link href="_files/css.css" rel="stylesheet" />
<link href="_files/fuchuang.css" rel="stylesheet" />
<link href="_files/jquery.bxslider.css" rel="stylesheet" type="text/css" />
[#include 'inc_js.html'/]
<script language="javascript" type="text/javascript" src="_files/js/jquery.bxslider.js"></script>

</head>


<body>
<div class="top-bg-01">
  <div id="main"> 
   	[#include 'inc_header.html'/]
    <div class="lianjie-index">
				你当前的位置： [#list node.hierarchy as n]<a href="${n.url}">${n.name}</a>[#if n_has_next] > [/#if][/#list]
			</div>
    <div class="gywm-top-img">
     
     [@InfoList attr='aboutUsFocus' limit='3';list]
     	<ul class="gywm-top-img01">
			[#list list as info]
 				<li><a href="${info.url}"><img src="${info.attrImageUrl}"  href="${info.url}" width="1002" height="234" ></a></li>
 				 <!-- <li><a><img src="${info.attrImageUrl}" width="1002" height="234" ></a></li> --> 
			[/#list]
		</ul>
	 [/@InfoList] 
     
    <script type="text/javascript">
	        $(document).ready(function(){
	          $('.gywm-top-img01').bxSlider({
	            minSlides: 1, 
	            captions: true,//自动控制 
	    		wrapper_class: 'top-img-wrap',
	    		auto: true,
	    		controls: false,
	    		auto_controls: true,
	    		pager: true,
	    		autoDirection: 'next'
	          });
	          $('.bx-wrapper').css('margin-top',0);
	        });
	   	 </script>  
      </div>
    <div class="main-main guanyuwomen-index clearfix"> 
      <!--关于我们左边部分-->
      <div class="gywm-left">
        <div class="gongsijianjie clearfix"> <span class="div-line"></span>
          	<div class="gywm-mokuai-div">
							<div class="top-title clearfix">
							    [@Node number='gsjj';node]  
								<span class="title-left" style="color: #333;"><img
									src="_files/img/guanyuwomen/gongsijianjie-icon.png" width="24" height="24"
									style="margin-top: -2px; margin-right: 5px; float: left;">${node.name}</span>
								<span class="more01"><a
									href="${node.url}" class="more01-a">更多></a></span>[/@Node]
							</div>
							<div class="p02">
								<img src="_files/img/guanyuwomen/zhuye-gsjj-img.png" width="184"
									height="169" style="margin-right: 12px; float: left;">
									[@InfoList node='gsjj' limit='1';list]
										[#list list as info]
						            		<span>${substring(info.description,50,'...')}</span>
										[/#list]
									[/@InfoList]
							</div>
						</div>
        </div>
       	<div class="zuzhijigou clearfix">
					<span class="div-line"></span>
					<div class="gywm-mokuai-div">
						<div class="top-title clearfix">
						    [@Node number='zzjg';node]  
							<span class="title-left" style="color: #333;"><img
								src="_files/img/guanyuwomen/zuzhijigou-icon.png" width="24" height="24"
								style="margin-top: -2px; margin-right: 5px; float: left;">${node.name}</span>
							<span class="more01"><a
								href="${node.url}" class="more01-a">更多></a></span>[/@Node]
						</div>
						<div class="zzjg-img">
							<img src="_files/img/guanyuwomen/zhuye-zuzhijigoutu.png" width="570"
								height="199" style="float:left;">
						</div>
					</div>
				</div>
					
      </div>
      <!--关于我们左边部分-end--> 
      <!--关于我们右边部分-->
      <div class="gywm-right">
        <div class="dashiji clearfix"> <span class="div-line"></span>
          <div class="gywm-mokuai-div">
			<div class="top-title clearfix">
			  [@Node number='dsj';node]  
				<span class="title-left" style="color: #333;"><img
					src="_files/img/guanyuwomen/dashiji-icon.png" width="24"
					height="24"
					style="margin-top: -2px; margin-right: 5px; float: left;">${node.name}</span>
				<span class="more01"><a href="${node.url}"
					class="more01-a">更多></a></span>[/@Node]
			</div>
			<div class="dsj-list clearfix">
            <!--
              <dl>
                <a>
                <dt><img src="_files/img/guanyuwomen/dsj-2016.png" width="150" height="104"></dt>
                <dt class="dsj-list-title"><span></span>2016</dt>
                </a>
              </dl>
              <dl>
                <a>
                <dt><img src="_files/img/guanyuwomen/dsj-2015.png" width="150" height="104"></dt>
                <dt class="dsj-list-title"><span></span>2015</dt>
                </a>
              </dl>
              -->
             <ul>
             	[@InfoList node='dsj' limit='5';list]
				[#list list as info]
					<li class="dsj-zy-list"><a href="${info.url}" target="_blank" title="${info.title}">${substring(info.title,20)}</a>
						<span class="shijian-list">${info.publishDate?string('yyyy-MM-dd')}</span> 
					</li>
				[/#list]
				[/@InfoList]
                
              </ul> 
            </div>
          <!--  <div class="dsj-fanyeanniu"> <span class="fanyeanniu"></span> </div>-->
          </div>
        </div>
        <div class="gywm-mokuai-div qiyewenhua">  [@Node number='qysm';node]<a class="qiyewenhua-img" href="${node.url}"></a>[/@Node]</div>
        <div class="gywm-mokuai-div lianxifangshi" style="border-top:#65b22c 2px solid;">
          <ul>
            <li> <span class="fuwurexian"></span> <span class="p03">服务热线：<b>(0769)88176666</b></span> </li>
            <li> <span class="chuanzhen"></span> <span class="p03">传真：<b>(0769)22210608</b></span> </li>
            <li> <span class="dizhi"></span> <span class="p03">地址：<b>东莞市南城区东莞大道116号</b></span> </li>
          </ul>
        </div>
      </div>
      <!--关于我们右边部分-end--> 
    </div>
    <div class="clearboth"></div>
      <!--footer-->
	[#include 'inc_footer.html'/]
  <!--footer-end--> 
  </div>

</div>
</body>
</html>
